<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <style type="text/css">
        body {
            background: url("img/bg.png");
        }
        .center{
            width: 400px;
            background: white;
            text-align: center;
            margin: 0 auto;
        }
    </style>
</head>
<link type="text/css" href="css/html.css">
<body>
<div>
    <img src="img/logo.png"/>
</div>
<div class="center">
    <span>注册详情</span>
    <hr/>
<form action="#" method="post" autocomplete="off">
    <div>
    <label for="username">姓名：</label>
    <input type="text" id="username" name="username" placeholder="在此输入姓名" required>
    </div>
    <div>
    <label for="password">密码：</label>
    <input type="password" id="password" name="password" placeholder="在此输入密码">
</div>
    <div>
    <label for="email">邮箱：</label>
    <input type="email" id="email" name="email" placeholder="在此输入邮箱">
</div>
    <div>
    <label for="tel">手机：</label>
    <input type="tel" id="tel" name="tel" placeholder="在此输入手机"><hr/>
</div>
    <div>
    <label for="gender">性别</label>
    <input type="radio" id="gender" name="gender" value="wen">男
    <input type="radio" name="gender" value="men">女
</div>
    <div>
    <label for="hobby">爱好</label>
    <input type="checkbox" id="hobby" name="hobby" value="eat">吃
    <input type="checkbox" name="hobby" value="drink">喝
    <input type="checkbox" name="hobby" value="play">玩
</div>
    <div>
    <label for="time">出生日期</label>
    <input type="date" id="time" name="time"><br/>
</div>
    <div>
    所在城市：<select name="city">
    <option>--请选择您所在城市--</option>
    <optgroup label="直辖市">
        <option>北京</option>
        <option>上海</option>
        <option>天津</option>
    </optgroup>
    <optgroup label="省份">
        <option>陕西</option>
        <option>湖北</option>
        <option>甘肃</option>
    </optgroup>
</select></div><hr/>
    <div>
    个人介绍：<textarea name="desc" rows="5" cols="25" placeholder="请写下您的与众不同"></textarea>
</div> <hr/>
   <input type="submit" value="提交"/>
    <input type="reset" value="重置"/>
</form>
</div>
</body>
</html>